<!--
 * @Author: sxb
 * @Email: sxb@mail.com
 * @Date: 2020-11-13 11:59:13
 * @Descripttion: 
-->
<template>
  <div>
    <basic-container>
      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
        <el-tab-pane label="全部" name="first">
          <all-order></all-order>
        </el-tab-pane>
        <el-tab-pane label="待发货" name="second">待发货</el-tab-pane>
        <el-tab-pane label="已发货" name="third">已发货</el-tab-pane>
        <el-tab-pane label="已完成" name="fourth">已完成</el-tab-pane>
        <el-tab-pane label="退款中" name="fifth">退款中</el-tab-pane>
      </el-tabs>
    </basic-container>
  </div>
</template>

<script>
import AllOrder from "./components/AllOrder";
export default {
  name: "order",
  components: {
    AllOrder,
  },
  data() {
    return {
      activeName: "first",
    };
  },
  methods: {
    handleClick(tab) {
      console.log(tab);
    },
  },
};
</script>

<style lang="scss" scoped>
</style>